<template>
  <el-dialog
    title="个人信息"
    :visible.sync="isShow"
    width="400px">
    <div class="baseinfo">
      <div class="top flex_box">
        <div class="flex1">
          <p class="name">曹丽丽</p>
          <span class="iconfont icon-xiaoxi"></span>
        </div>
        <p class="name1">丽丽</p>
      </div>
      <h2>卡德曼信息技术</h2>
      <div class="flex_box info">
        <span class="label">姓名</span>
        <p class="flex1">曹丽丽</p>
      </div>
      <div class="flex_box info">
        <span class="label">电话</span>
        <p class="flex1">15222222222</p>
      </div>
      <div class="flex_box info">
        <span class="label">邮箱</span>
        <p class="flex1">1113780606@qq.com</p>
      </div>
      <div class="flex_box info">
        <span class="label">部门</span>
        <p class="flex1">技术部</p>
      </div>
      <div class="flex_box info">
        <span class="label">职位</span>
        <p class="flex1">web前端</p>
      </div>
      <div class="flex_box info">
        <span class="label">分机号</span>
        <p class="flex1">813</p>
      </div>
      <p class="btn" @click.stop="sendMsg">发消息</p>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      isShow:false,
      info:''
    }
  },
  methods:{
    show(info) {
      this.info = info
      this.isShow = true
    },
    hide() {
      this.isShow = false
    },
    sendMsg() {
      this.$emit('sendMsg')
      this.hide()
    }
  }
}
</script>

<style lang="stylus" scoped>
.baseinfo
  // position absolute
  // left: 0
  // top 40px
  // z-index: 9
  // border 1px solid #eee
  // border-radius: 4px
  // background: #fff
  width: 100%
  // padding 10px
  // box-shadow: 0 0 8px 2px rgba(0,0,0,.1)
  .top
    margin-bottom: 10px
    .name
      font-size: 14px
      line-height: 30px
    .iconfont
      font-size: 20px
      color #222
    .name1
      width: 50px
      height: 50px
      background: #1662d5
      text-align: center
      line-height: 50px
      color #fff
      font-size: 14px
      margin-left: 10px
      border-radius: 4px
  h2
    font-size: 14px
    color #222
    line-height: 40px
  .info
    line-height: 36px
    font-size 14px
    .label
      color #666
      width: 60px
  .btn
    width: 100%
    height: 40px
    text-align: center
    line-height 40px
    color #fff
    background #1662d5
    cursor pointer
    margin-top 20px
</style>